<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:cc="http://xmlns.jcp.org/jsf/composite"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">

    <!-- INTERFACE -->
    <cc:interface>

        <cc:attribute name="text" default="Your calendar"
                      shortDescription="This value will affect the text shown aside of the application Logo"/>



    </cc:interface>

    <!-- IMPLEMENTATION -->
    <cc:implementation>
        <h:form id="content"> 
            <p:commandLink action="/user/index" >
            <h:graphicImage library="img" name="meteocal-logo.png" height="50" />
            </p:commandLink>
            <p:outputLabel value="Meteocal"/>
            <br/>
            <p:outputLabel value="#{cc.attrs.text}" />
        </h:form>
        <h:form id="date">
            <h:outputText value="#{now}" > 
                <f:convertDateTime pattern="EEEE, dd MMMM yyyy" locale="en"/>
            </h:outputText>
        </h:form>
    </cc:implementation>
</html>